<html>

<head>
  <title>OpenLayers Editor</title>
  <link rel="stylesheet" type="text/css" href="style/style.css" />
  <meta charset="utf-8" />
</head>

<body>
  <div id="app">
    <div id="header">
      <nav>
        <!-- <div id="brand">OpenLayers Editor</div> -->
        <div id="brand">OpenLayers 编辑器</div>
        <div id="links">
          <a href="index.html">Demo</a>
          <a href="#" class="active">API</a>
          <a target="_blank" href="https://github.com/geops/openlayers-editor">
            <!-- Code -->
            源代码
          </a>
        </div>
      </nav>
    </div>
    <iframe ref="iframe" src="doc/index.html"> </iframe>
    <div id="promo">
      <a href="http://geops.de/karriere" target="_blank">
        <div id="promo-text">Join the team!</div>
      </a>
    </div>
  </div>
</body>

</html>

<style scoped>
  iframe {
    position: relative;
    border: 0;
    width: 100%;
    height: 90%;
  }

  h1,
  h2 {
    font-weight: normal;
  }

  ul {
    list-style-type: none;
    padding: 0;
  }

  li {
    display: inline-block;
    margin: 0 10px;
  }
</style>